<template>
  <div id="app">
    <Header :msg="city"></Header>
    <Nav :msg="navList"></Nav>
    <Secondnav :msg="subNav"></Secondnav>
    <Secondswiper></Secondswiper>
    <Showtime></Showtime>
    <LikeList></LikeList>
  </div>
</template>

<script>
import Header from "./Header.vue"
import Nav from "./Nav.vue"
import Secondnav from "./Secondnav.vue"
import Secondswiper from "./Secondswiper.vue"
import Showtime from "./Showtime.vue"
import LikeList from "./LikeList.vue"
export default {
 data(){
    return{
      arr:null,
      city:null,
      navList:null,
      subNav:null,
    }
  },
  name: 'App',
  components: {
    Header,
    Nav,
    Secondnav,
    Secondswiper,
    Showtime,
    LikeList
  },
  mounted(){
    this.axios.get("static/dataHome.json").then(res=>{
      this.arr=res.data.data[0];
      this.city=this.arr.city
      this.navList=this.arr.navList
      this.subNav=this.arr.subNav
          })
  }
}
</script>

<style>

</style>
